<template>
  <!--布局中心-->
  <div class="layout-container flex flex-v">
    <router-view></router-view>
    <div class="flex flex-pack-center flex-align-center">
      <router-link class="flex-1 link-item" to="/test1">test1</router-link>
      <router-link class="flex-1 link-item" to="/test2">test2</router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'layout'
}
</script>

<style scoped lang="scss">
  // 最外层
.layout-container{
  height:100%;
  .link-item {
    font-size: 36px;
    font-weight: 500;
    color: #333333;
  }
}
</style>
